<template>
  <view class="agreement-page">
    
    <view class="content">
      <view class="agreement-content">
        <view class="title">E租贝用户协议</view>
        
        <view class="section">
          <view class="section-title">一、总则</view>
          <view class="section-content">
            <text class="paragraph">欢迎使用E租贝（以下简称"平台"）。本协议是您与苏州鼎昌节能环保科技有限公司（以下简称"本公司"）之间关于使用平台服务所订立的协议。</text>
            <text class="paragraph">请您仔细阅读本协议，您点击"同意"或使用平台服务，即表示您已充分阅读、理解并接受本协议的全部内容。</text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">二、服务内容</view>
          <view class="section-content">
            <text class="paragraph">E租贝为用户提供专业的环保设备租赁服务，包括但不限于：</text>
            <text class="list-item">• 设备信息展示和搜索</text>
            <text class="list-item">• 设备租赁申请和管理</text>
            <text class="list-item">• 订单跟踪和状态管理</text>
            <text class="list-item">• 用户评价和反馈</text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">三、用户权利和义务</view>
          <view class="section-content">
            <text class="paragraph">用户权利：</text>
            <text class="list-item">• 享受平台提供的设备租赁服务</text>
            <text class="list-item">• 对设备和服务进行评价</text>
            <text class="list-item">• 申请退款和售后服务</text>
            
            <text class="paragraph">用户义务：</text>
            <text class="list-item">• 提供真实、准确的个人信息</text>
            <text class="list-item">• 妥善使用和保管租赁设备</text>
            <text class="list-item">• 按时归还设备并支付费用</text>
            <text class="list-item">• 遵守相关法律法规</text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">四、租赁规则</view>
          <view class="section-content">
            <text class="paragraph">1. 租赁申请：用户需提供真实有效的身份信息和联系方式。</text>
            <text class="paragraph">2. 设备使用：用户应按照设备使用说明正确操作，不得恶意损坏设备。</text>
            <text class="paragraph">3. 归还要求：租赁期满后，用户应及时归还设备，确保设备完好无损。</text>
            <text class="paragraph">4. 费用支付：用户应按时支付租赁费用，逾期将产生滞纳金。</text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">五、免责声明</view>
          <view class="section-content">
            <text class="paragraph">1. 平台不对因不可抗力造成的服务中断承担责任。</text>
            <text class="paragraph">2. 用户因违反本协议造成的损失由用户自行承担。</text>
            <text class="paragraph">3. 平台保留随时修改本协议的权利，修改后的协议将在平台公示。</text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">六、争议解决</view>
          <view class="section-content">
            <text class="paragraph">因本协议产生的争议，双方应友好协商解决；协商不成的，可向平台所在地人民法院提起诉讼。</text>
          </view>
        </view>

        <view class="section">
          <view class="section-title">七、联系方式</view>
          <view class="section-content">
            <text class="paragraph">如有疑问，请联系我们：</text>
            <text class="list-item">• 客服电话：0512-6617 4176</text>
            <text class="list-item">• 邮箱：cwy@suzdcjn.com</text>
            <text class="list-item">• 公司名称：苏州鼎昌节能环保科技有限公司</text>
            <text class="list-item">• 工作时间：周一至周五 9:00-18:00</text>
          </view>
        </view>

        <view class="footer">
          <text class="update-time">最后更新时间：2025年7月</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  
  onLoad() {
    // 设置页面标题
    uni.setNavigationBarTitle({
      title: '用户协议'
    })
  }
}
</script>

<style lang="scss" scoped>
.agreement-page {
  min-height: 100vh;
  background-color: #f5f5f5;
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
}

.content {
  padding: 32rpx;
}

.agreement-content {
  background: #fff;
  border-radius: 16rpx;
  padding: 40rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
}

.title {
  font-size: $font-size-xl;
  font-weight: $font-weight-bold;
  color: $text-primary;
  text-align: center;
  margin-bottom: 48rpx;
  line-height: 1.4;
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  font-size: $font-size-lg;
  font-weight: $font-weight-bold;
  color: $text-primary;
  margin-bottom: 24rpx;
  line-height: 1.4;
}

.section-content {
  .paragraph {
    display: block;
    font-size: $font-size-base;
    color: $text-secondary;
    line-height: 1.6;
    margin-bottom: 16rpx;
    text-align: justify;
  }
  
  .list-item {
    display: block;
    font-size: $font-size-base;
    color: $text-secondary;
    line-height: 1.6;
    margin-bottom: 12rpx;
    padding-left: 20rpx;
  }
}

.footer {
  margin-top: 60rpx;
  padding-top: 32rpx;
  border-top: 1rpx solid #e5e5e5;
  text-align: center;
}

.update-time {
  font-size: $font-size-sm;
  color: $text-tertiary;
}
</style> 